<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Les Secrets de janna</title>
<meta name="keywords"
	content=" Huille d'argan, ecommerce,Savon noir, Produit naturel,online shopping" />
<meta name="description"
	content="Soin du corps ,produit corporel marocain,plante aromatique,produit bio " />
<link href="_style/templatemo_style.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" type="text/css" href="_style/stylesheet/styles.css" />
<link rel="stylesheet" href="_style/css_menu/style_menu.css"
	type="text/css" media="screen" />
<link rel="stylesheet" href="_style/css_menu/style_sdtMenu.css"
	type="text/css" media="screen" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>
<script language="javascript" type="text/javascript"
	src="_include/scripts/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript"
	src="_include/scripts/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript"
	src="_include/scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript">
	window.addEvents({
		'domready': function(){
			/* thumbnails example , div containers */
			new SlideItMoo({
						overallContainer: 'SlideItMoo_outer',
						elementScrolled: 'SlideItMoo_inner',
						thumbsContainer: 'SlideItMoo_items',		
						itemsVisible: 5,
						elemsSlide: 3,
						duration: 200,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: 140,
						showControls:1});
		},
		
	});
</script>


</head>
<body>
	<div id="templatemo_wrapper">
		<div id="templatemo_menu">

			<ul>

				<li><a href="#" class="current"><span>.01</span>Home</a></li>

				<li><a href="http://www.templatemo.com/page/1" target="_parent"><span>.02</span>Templates</a></li>

				<li><a href="http://www.flashmo.com/page/1" target="_parent"><span>.03</span>Flash</a></li>

				<li><a href="http://www.koflash.com" target="_parent"><span>.04</span>Gallery</a></li>

				<li><a href="#"><span>.05</span>Company</a></li>

				<li><a href="#"><span>.06</span>Contact</a></li>

			</ul>

		</div>
		<!-- end of templatemo_menu -->
		<div id="templatemo_header_bar">

			<div id="header">
				<div class="right"></div>

				<h1>
					<a href="#"> <img src="_style/images/templatemo_logomodifier.png"
						alt="Site Title" /> <span>Online Store Template</span>
					</a>
				</h1>
			</div>

			<div id="search_box">
				<form action="#" method="get">
					<input type="text" value="Enter keyword here..." name="q" size="10"
						id="searchfield" title="searchfield" onfocus="clearText(this)"
						onblur="clearText(this)" /> <input type="submit" name="Search"
						value="" alt="Search" id="searchbutton" title="Search" />
				</form>
			</div>

		</div>
		<!-- end of templatemo_header_bar -->

		<div class="cleaner"></div>

		<div id="sidebar">
			<div class="sidebar_top"></div>
			<div class="sidebar_bottom"></div>

			<div class="sidebar_section">

				<h2>Members</h2>

				<form action="#" method="get">
					<label>Username</label> <input type="text" value="" name="username"
						size="10" class="input_field" title="username" /> <label>Password</label>
					<input type="password" value="" name="password" class="input_field"
						title="password" /> <a href="#">Register</a> <input type="submit"
						name="login" value="Login" alt="Login" id="submit_btn"
						title="Login" />
				</form>

				<div class="cleaner"></div>

			</div>

			<div class="sidebar_section">

				<h2>Discounts</h2>

				<div class="image_wrapper">
					<a href="http://www.templatemo.com/page/7" target="_parent"><img
						src="_style/images/image_01.jpg" alt="product" /></a>
				</div>
				<div class="discount">
					<span>25% off</span> | <a href="#">Read more</a>
				</div>

			</div>
			<div class="sidebar_section">

				<h2>Categories</h2>

				<ul class="categories_list">
					<li><a href="#">Lorem ipsum dolor</a></li>

				</ul>
			</div>

			<div class="sidebar_section">

				<h2>Discounts</h2>

				<div class="image_wrapper">
					<a href="http://www.templatemo.com/page/7" target="_parent"><img
						src="_style/images/image_01.jpg" alt="product" /></a>
				</div>
				<div class="discount">
					<span>25% off</span> | <a href="#">Read more</a>
				</div>

			</div>

		</div>
		<!-- end of sidebar -->

		<div id="templatmeo_content">

			<div id="latest_product_gallery">

				<h2>Featured Products</h2>

				<div id="SlideItMoo_outer">
					<div id="SlideItMoo_inner">
						<div id="SlideItMoo_items">
							<div class="SlideItMoo_element">
								<a href="#"> <img src="_style/images/templatemo_product_01.png"
									alt="product 1" /></a>

							</div>
							<div class="SlideItMoo_element">
								<a href="#"> <img src="_style/images/templatemo_product_02.png"
									alt="product 2" /></a>

							</div>
							<div class="SlideItMoo_element">
								<a href="#"> <img src="_style/images/templatemo_product_03.png"
									alt="product 3" /></a>

							</div>
							<div class="SlideItMoo_element">
								<a href="#"> <img src="_style/images/templatemo_product_04.png"
									alt="product 4" /></a>

							</div>
							<div class="SlideItMoo_element">
								<a href="#"> <img src="_style/images/templatemo_product_05.png"
									alt="product 5" /></a>

							</div>
							<div class="SlideItMoo_element">
								<a href="#"> <img src="_style/images/templatemo_product_06.png"
									alt="product 6" /></a>

							</div>
							<div class="SlideItMoo_element">
								<a href="#"> <img src="_style/images/templatemo_product_07.png"
									alt="product 7" /></a>
							</div>
							<div class="SlideItMoo_element">
								<a href="#"> <img src="_style/images/templatemo_product_08.png"
									alt="product 8" /></a>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- end of latest_content_gallery -->

			<div class="content_section">

				<h2>Welcome to Pink Shop</h2>

				<p>
					<a href="http://www.templatemo.com" target="_parent">Free CSS
						Templates</a> are provided by <a href="http://www.templatemo.com"
						target="_parent">TemplateMo.com</a> for everyone. Feel free to use
					this template for your websites. Credit goes to <a
						href="http://www.photovaco.com" target="_blank">Free Photos</a>
					for photos used in this template. Lorem ipsum dolor sit amet,
					consectetur adipiscing elit. Sed et quam vitae ipsum vulputate
					varius vitae semper nunc. Quisque eget elit quis augue pharetra
					feugiat.
				</p>
			</div>

			<div class="content_section">

				<h2>Our Products</h2>

				<div class="product_box margin_r35">

					<h3>Phasellus eget lorem</h3>

					<div class="image_wrapper">
						<a href="http://www.templatemo.com/page/1" target="_parent"><img
							src="_style/images/image_02.jpg" alt="product 2" /></a>
					</div>

					<p class="price">Price: $350</p>
					<a href="#">Detail</a> | <a href="#">Buy Now</a>

				</div>

				<div class="product_box margin_r35">
					<h3>Nunc condimentum</h3>

					<div class="image_wrapper">
						<a href="http://www.templatemo.com/page/2" target="_parent"><img
							src="_style/images/image_03.jpg" alt="product 3" /></a>
					</div>

					<p class="price">Price: $550</p>
					<a href="#">Detail</a> | <a href="#">Buy Now</a>
				</div>

				<div class="product_box">
					<h3>Sed sit amet sem</h3>

					<div class="image_wrapper">
						<a href="http://www.templatemo.com/page/3" target="_parent"><img
							src="images/image_04.jpg" alt="product 4" /></a>
					</div>

					<p class="price">Price: $250</p>
					<a href="#">Detail</a> | <a href="#">Buy Now</a>
				</div>

				<div class="cleaner"></div>

				<div class="product_box margin_r35">
					<h3>Etiam vitae consequat</h3>

					<div class="image_wrapper">
						<a href="http://www.templatemo.com/page/4" target="_parent"><img
							src="_style/images/image_05.jpg" alt="product 5" /></a>
					</div>

					<p class="price">Price: $850</p>
					<a href="#">Detail</a> | <a href="#">Buy Now</a>
				</div>

				<div class="product_box margin_r35">
					<h3>Vivamus at justo</h3>

					<div class="image_wrapper">
						<a href="http://www.templatemo.com/page/5" target="_parent"><img
							src="_style/images/image_06.jpg" alt="product 6" /></a>
					</div>

					<p class="price">Price: $450</p>
					<a href="#">Detail</a> | <a href="#">Buy Now</a>
				</div>

				<div class="product_box">
					<h3>Vivamus at justo</h3>

					<div class="image_wrapper">
						<a href="http://www.templatemo.com/page/6" target="_parent"><img
							src="_style/images/image_07.jpg" alt="product 7" /></a>
					</div>

					<p class="price">Price: $350</p>
					<a href="#">Detail</a> | <a href="#">Buy Now</a>
				</div>

				<div class="cleaner"></div>

				<div class="button_01">
					<a href="#">View All</a>
				</div>

			</div>

		</div>
		<!-- end of templatmeo_content -->


	</div>
	<!-- end of templatemo_wrapper -->

	<div id="templatemo_footer_wrapper">

		<div id="templatemo_footer">

			<div class="footer_block small_block">
				<h4>Informations</h4>
				<ul class="block_various_links">
					<li class="item"><a
						href="http://www.luniversoriental.com/contactez-nous"
						title="Contactez-nous">Contactez-nous</a></li>
					<li class="item"><a
						href="http://www.luniversoriental.com/content/3-conditions-generales-de-ventes"
						title="Conditions d&#39;utilisation">Conditions d'utilisation</a></li>
				</ul>
			</div>
			<div class="footer_block small_block">
				<h4>Nos offres</h4>
				<ul class="block_various_links">
					<li class="first_item"><a
						href="http://www.luniversoriental.com/promotions"
						title="Promotions">Promotions</a></li>
					<li class="item"><a
						href="http://www.luniversoriental.com/nouveaux-produits"
						title="Nouveaux produits">Nouveaux Produits</a></li>
				</ul>
			</div>
			<div class="footer_block small_block">
				<h4>Mon compte</h4>
				<ul class="block_various_links">
					<li><a href="http://www.luniversoriental.com/mon-compte"
						title="Mon compte">Mon Compte</a></li>
					<li><a
						href="http://www.luniversoriental.com/historique-des-commandes"
						title="Commandes">Mes Commandes</a></li>
					<li><a href="http://www.luniversoriental.com/avoirs"
						title="Avoirs">Mes Avoirs</a></li>
					<li><a href="http://www.luniversoriental.com/adresses"
						title="Adresses">Mes Adresses</a></li>
					<li><a href="http://www.luniversoriental.com/identite"
						title="Informations">Mes Infos Personnelles</a></li>
				</ul>
			</div>

			<div id="newsletter_block_left" class="footer_block foot_news">
				<h4>Newsletter</h4>
				<p class="messagenewsletter">Inscrivez-vous � notre newsletter
					pour �tre inform� des promos avant tout le monde !</p>
				<form action="http://www.luniversoriental.com/" method="post">
					<p>
						<input type="text" name="email" size="16" id="textnews"
							value="votre e-mail"
							onfocus="javascript:if(this.value==&#39;votre e-mail&#39;)this.value=&#39;&#39;;"
							onblur="javascript:if(this.value==&#39;&#39;)this.value=&#39;votre e-mail&#39;;"/>
							<input type="hidden" value="0" name="action"/> 
							<input type="submit" value="" class="button_newsletter" name="submitNewsletter"/>
					</p>
				</form>

			</div>
		</div>
		<!-- end of footer -->

	</div>
	<!-- end of footer_wrapper -->
</body>
</html>